<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8"></meta>
        <title>音乐的力量</title>
    </head>
    <body>
        <link rel="stylesheet" href="./static/layui/css/layui.css">
        <link rel="stylesheet" href="./aplayer/APlayer.min.css">
        <link rel="stylesheet" href="./css.css">
            <div class="layui-layout layui-layout-admin">
                <div class="layui-header">
                    <div class="layui-logo">音乐的力量</div>
                    <!-- 头部区域（可配合layui已有的水平导航） -->
                    <ul class="layui-nav layui-layout-left">
                        <li class="layui-nav-item"><a onclick="window.location.href='#index';">系统作者：王子鉴</a></li>

                        <li class="layui-nav-item">
                            <a href="javascript:;">
                                播放列表
                            </a>
                            <dl class="layui-nav-child" id="playerlist">
                                <table class="layui-table">
                                    <colgroup>
                                        <col width="150">
                                        <col width="200">
                                        <col>
                                    </colgroup>
                                    <thead>
                                    <tr>
                                        <th>歌名</th>
                                        <th>操作</th>
                                    </tr> 
                                    </thead>
                                    <tbody id="player-table">
                                    </tbody>
                                </table>
                            </dl>
                        </li>
                    </ul>

                     <ul class="layui-nav layui-layout-right" style="display: none;" id="user">
                        <li class="layui-nav-item">
                            <a href="javascript:;" id="user-name">
                                <img src="" class="layui-nav-img" id="user-face">
                            </a>
                            <dl class="layui-nav-child">
                                <dd><a href="">基本资料</a></dd>
                                <dd><a onclick="window.location.href='#userplaylist';">我的歌单</a></dd>
                            </dl>
                        </li>
                        <l
                        +i class="layui-nav-item"><a onclick="userexit();">退了</a></li>
                    </ul>
                    <ul class="layui-nav layui-layout-right" style="display: none;" id="user-login">
                        <i class="layui-nav-item"><a  onclick="window.location.href='#login'">登录</a></li>
                    </ul>
              </div>
              
              <div  id="main" class="layui-body" style="left:0px;height: 83%;">
              <!-- 主区域 -->
            </div>
            <br><br><br><br><br><br><br><br><br><br>
            <div class="layui-footer" style="height: 10%;left:0px;">
              <!-- 底部固定区域 -->
            <div id="aplayer"></div>
            </div>
            <div id="player">
                <pre class="aplayer-lrc-content" id="lrc">
                </pre>
            </div>
            
            <script>var ap;</script>
            <script src="./static/jquery/jquery.min.js"></script>
            <script src="./static/jquery/jquery.cookie.min.js"></script>
            <script src="./static/layui/layui.js"></script>
            <script src="./page.js"></script>
            <script src="./user.js"></script>
            <script src="./api.js"></script>
            <script src="./playerlist.js"></script>
            <script src="./aplayer/APlayer.min.js"></script>
            <script>
            //JavaScript代码区域
            layui.use('element', function(){
            var element = layui.element;
            });
            loadPage();
            loadUser();
            window.onhashchange = loadPage;
            </script>
            </body>
            </html>